<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>sort-1</title>
    <script src="jquery/jquery-3.3.1.min.js" type="text/javascript"></script>
    <!--<script src="LRSelect.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $.fn.LRSelect("selLeft", "selRight", "img_L_AllTo_R", "img_L_To_R", "img_R_To_L", "img_R_AllTo_L");
            $.fn.UpDownSelOption("imgUp", "imgDown", "selRight");
        });
    </script>-->
    <!--<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.1.min.js"></script>-->
    <style>
        a{
            display:block;
            text-align:center
        }
        tr.selected{
            background:#ccc;
        }
    </style>
</head>
<body>

<table  border="1" cellpadding="0" cellspacing="0">
    <tr>
        <td style="border: none">
            <table style="width: 70px;height: 100px">
                <tr><td>1111</td></tr>
                <tr><td>2222</td></tr>
                <tr><td>3333</td></tr>
            </table>
        </td>
        <td id="tdOp">
            <a href="#">＞＞</a>
            <a href="#">＞</a>
            <a href="#">＜＜</a>
            <a href="#">＜</a>
        </td>
        <td style="border: none">
            <table  style="width: 70px;height: 100px">
                <tr><td></td></tr>
                <tr><td></td></tr>
                <tr><td></td></tr>
            </table>
        </td>
        <td style="border: none">
            <table  style="width: 70px;height: 100px">
                <tr><td><select><option>升序</option><option>降序</option></select></td></tr>
                <tr><td><select><option>升序</option><option>降序</option></select></td></tr>
                <tr><td><select><option>升序</option><option>降序</option></select></td></tr>
            </table>
        </td>
    </tr>
</table>
</body>
<script>
    $('#tdOp a').click(function () {
        var toRight = this.innerHTML.charAt(0) == '＞', all = this.innerHTML.length > 1;
        var s = tables.eq(toRight ? 0 : 1), t = tables.eq(toRight ? 1 : 0);
        if (!all && s.find('tr.selected').length == 0) { alert('请先选中要移动的数据行！'); return false }
        t.append(s.find('tr' + (all ? '' : '.selected'))).find('tr').removeClass('selected');
        return false;
    });
    var tables = $('td table');
    tables.find('tr').click(function () { $(this).toggleClass('selected'); }).dblclick(function () {
        var t = $(this).closest('table'), r = tables.eq(t[0] == tables[0] ? 1 : 0);
        r.append(this);
    });
</script>
</html>